<template>
	<view class="container">
		<view class="title">
			{{title}}
		</view>
		<image class="img" src="../../static/prviewv.png" mode=""></image>
		<view class="desc">
			曾国藩，初名子城，字伯函，号涤生，谥文正，汉族，出生于湖南长沙府湘乡县杨树坪。晚清重臣，湘军的创立者和统帅。清朝战略家、政治家，晚清散文“湘乡派”创立人。晚清“中兴四大名臣”之一，官至两江总督、直隶总督、武英殿大学士，封一等毅勇侯，谥曰文正。曾国藩，初名子城，字伯函，号涤生，谥文正，汉族，出生于湖南长沙府湘乡县杨树坪。晚清重臣，湘军的创立者和统帅。清朝战略家、政治家，晚清散文“湘乡派”创立人。晚清“中兴四大名臣”之一，官至两江总督、直隶总督、武英殿大学士，封一等毅勇侯，谥曰文正。
		</view>
		<image style="height: 236rpx;width: 100%;" src="../../static/prview.png" mode=""></image>
		<view class="" style="display: flex;justify-content: flex-end;">
			<view class="btn" @click="back">
				<text>返回编辑</text>
				<image src="../../static/backa.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: ''
			}
		},
		onLoad({
			title
		}) {
			this.title = title
		},
		methods: {
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
	.container {
		padding: 40rpx;
		display: flex;
		flex-direction: column;
	}

	.title {
		text-align: center;
		font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
		font-weight: 400;
		font-size: 48rpx;
		color: #110202;
		margin-bottom: 60rpx;
	}

	.img {
		width: 100%;
		height: 296rpx;
	}

	.desc {
		margin-top: 58rpx;
		margin-bottom: 60rpx;
		font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
		font-weight: 400;
		font-size: 28rpx;
		color: #7D8592;
		line-height: 45rpx;
		text-indent: 2rem;
	}

	.btn {
		margin-top: 60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 290rpx;
		height: 96rpx;
		background: #7677EB;
		box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(63, 140, 255, 0.2637);
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
		font-weight: 400;
		font-size: 30rpx;
		color: #FFFFFF;
		line-height: 96rpx;
		text-align: center;
	}
</style>